@import url("../tool/varibles.css");
.app-wrapper {
    position: relative;
    padding: 0;
}
/*
navbar
*/

.navbar-right li .mainA {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}
.main-nav {
    background-color: #fff;
}
.navbar-brand {
    padding:7px 15px;
}
.navbar-brand h1 {
    margin-top: 5px;
    /*margin-left: 15px;*/
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: inherit;
    color:var(--mainColorHigh)
}
.nav>li>a {
    color:var(--mainTextColor)
}
.navbar-right li.active a {
    color:var(--mainColorHigh);
}
.scroll .li-nav{
    background-color: #fff;
}
.scroll .li-nav li a{
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    padding:0 5px;
    text-decoration:none;
    color:#666;
    height: 30px;
    line-height: 30px;
}
.scroll .li-nav li.active{
    background-color: #F7F7F7;
}
.scroll .li-nav li.active a{
    color:var(--mainColorHigh);
}
@media  (min-width: 767px){
    .swidth{
        width:110px;
    }
    .twidth{
        width:86px;
    }
    .scroll{
        position:relative;
    }
    .scroll .li-nav {
    position: absolute;
    top: 60px;
    z-index: 200;
    }
}
@media  (max-width: 767px){
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-brand {
        padding: 0 15px 15px;
    }
    .navbar-toggle {
        border:1px solid var(--mainColorHigh);
    }
    .navbar-toggle .icon-bar {
        background-color: var(--mainColorHigh);
    }
    .navbar-right li a {
        font-size: 13px;
        padding-bottom: 8px;
        padding-top: 10px;
    }
}


/*footer*/

.footerBox{
    background-color: #3BC1B0;
}
.footerBox .imgBox{
    padding:0;
}
.footerBox  .textBox{
    color:#fff;
    padding:15px 30px 0 30px;
    cursor: pointer;
}
.textBox h3{
    margin: 10px 0;
}
.codeBox .erweima{
    width:54px;
    height:54px;
    background-color: #fff;
    display: inline-block;
    margin-bottom:-3px;
}
.codeBox .follow{
    display: inline-block;
    font-size:20px;
}
.codeBox .follow p{
   font-size: 28px;
}

/*copyright*/
.copy-right{
    background-color: #f7f7f7;
}
.copy-right .text-box{
    color:#A9A4A4;
    font-size:12px;
    padding:10px;
}
